<!DOCTYPE HTML>
<html>
    <head>
        <title>PneumaSoft</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        <script src="js/jquery.min.js"></script>
        <script src="js/config.js"></script>
        <script src="js/skel.min.js"></script>
        <script src="js/skel-panels.min.js"></script>
        <script src="js/common.js"></script>
        <noscript>
        <link rel="stylesheet" href="css/skel-noscript.css" />
        <link rel="stylesheet" href="css/style.css" />
        <link rel="stylesheet" href="css/style-desktop.css" />
        </noscript>
        <!--[if lte IE 9]><link rel="stylesheet" href="css/ie9.css" /><![endif]-->
        <!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
    </head>
    <body>

        <!-- Header -->
        <div id="header-wrapper">
            <header id="header" class="container">
                <div class="row">
                    <div class="12u">

                        <!-- Logo -->
                        <h1><a href="#" id="logo"><font  color="Tomato">Pneuma</font><font color="Chartreuse">Soft</font></a></h1>

                        <!-- Nav -->
                        <nav id="nav">
                            <a href="index.html">Home</a>
                            <a href="aboutUs.html">About Us</a>
                            <a href="experties.html">Expertise</a>
                            <a href="services.html">Services</a>
                            <a href="contactUs.html">Contact Us</a>
                        </nav>

                    </div>
                </div>
            </header>
            <div id="banner">
                <div class="container">
                    <div class="row">
                        <div class="6u">

                            <!-- Banner Copy -->
                            <p>We don't do different things,</br> we do things differently.</p>

                            <a href = "javascript:void(0)" class="button-big" onclick = "document.getElementById('passion').style.display = 'block';
                                document.getElementById('fade').style.display = 'block'">Our passion</a></p>
                            <div id="passion" class="white_content">We are passionate about your growth  <a href = "javascript:void(0)" onclick = "document.getElementById('passion').style.display = 'none';
                                document.getElementById('fade').style.display = 'none'"><br/>Close</a></div>
                            <div id="fade" class="black_overlay"></div>


                        </div>
                        <div class="6u">

                            <!-- Banner Image -->
                            <a href="#" class="bordered-feature-image"><img src="images/respon.jpg" alt="" /></a>

                        </div>
                    </div>
                </div>
            </div>


        </div>   

        <!-- Content -->
        <div id="content-wrapper">
            <div id="content">
                <div class="container">
                    <div class="row">
                        <div class="4u">

                            <!-- Box #1 -->
                            <section>
                                <header>
                                    <h2>Who We Are</h2>
                                    <h3>WE DESIGN YOUR SUCCESS</h3>
                                </header>
                                <a href="#" class="feature-image"><img src="images/who.jpg" alt="" /></a>
                                <p><strong>PneumaSoft</strong> has been empowering its clientele with path-breaking
                                    aesthetic web solutions.The effectively deployed web solutions enable our 
                                    customers to focus on their core area and work with no constraining boundaries 
                                    of workspace.We deliver solutions that go beyond meeting customer expectations.
                                </p>
                                
                            </section>

                        </div>
                        <div class="4u">

                            <!-- Box #2 -->
                            <section>
                                <header>
                                    <h2>What We Do</h2>
                                    <h3>Beyond Your Expectation</h3>
                                </header>
                                <ul class="check-list">
                                    <li>Web Design</li>
                                    <li>Web Development</li>
                                     <li>Cloud Administration</li>
                                    <li>E-Commerce Development</li>
                                    <li>SEO Service</li>
                                    <li>Web hosting</li>
                                </ul>
                            </section>

                        </div>
                        <div class="4u">

                            <!-- Box #3 -->
                            <section>
                                <header>
                                    <h2>Quick Contact</h2>
                                    <h3>We are a click away</h3>
                                </header>
                                <ul class="quote-list">
                                    <li>
                                        Address: <br/>
                                        12916 Edsel Drive,
                                        Raleigh,
                                        North Carolina
                                                                                
                                    </li>
                                    <li>
                                        Phone :<br/>
                                        919 659-5511
                                    </li>
                                    <li>
                                        Email : <br/>
                                        <a href="mailto:contact@pneumasoft.com">contact@pneumasoft.com</a><br/>
                                    </li>
                                </ul>
                                <br/>
                            </section>

                        </div>
                    </div>
                </div>
            </div>
        </div>



        <!-- Copyright -->
        <div id="copyright">
            PneumaSoft. All rights reserved&copy; 2014.
        </div>

    </body>
</html>